<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>费用信息</title>
<link href="../css/public.css" rel="stylesheet" />
<link href="../css/page.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="../css/jedate.css">
</head>

<body>
<div class="nrDh">
	<div class="judh">
    	<a href="grxx2.html">个人信息</a><a href="hjxx.html">会籍信息</a><a href="fyxx.html" class="onThis">费用信息</a><a href="yhglckxg-qyxx-jbxx.html">企业信息</a>
    </div>
</div>
<div class="wra">
	<h1><i class="ico titIco"></i>费用信息</h1>
	<div class="fytop">
    	<div class="jfTime">
        	<p>缴费时间</p>
            <label><input type="text" readonly placeholder="请选择" class="inpstart" /><i class="ico timeIco"></i></label>
            至
            <label><input type="text" readonly placeholder="请选择" class="inpend" /><i class="ico timeIco"></i></label>
        </div>
        <div class="tjjfjl"><a><i class="ico addJfjl"></i>添加缴费记录</a></div>
    </div>
    <div class="tabXy">
    	<dl>
        	<dt><span>缴费时间</span><span>缴费金额</span><span>缴费项目</span><span>缴费方式</span><span>操作人</span><span>操作</span></dt>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>2000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>操作人（录入人员）</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>xxx活动报名费</span>
                <span>线上支付</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>xxx活动报名费</span>
                <span>线上支付</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>xxx活动报名费</span>
                <span>线上支付</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
            <dd>
            	<span>2015-09-08  08:30:30</span>
                <span>1000</span>
                <span>会费续期</span>
                <span>线下缴费</span>
                <span>用户名</span>
                <span class="bjbut"><i class="ico bianj"></i><i class="ico clo"></i></span>
           	</dd>
        </dl>
        <div class="page">
        	<span><a>首页</a><a>上页</a></span>
            <span><a>1</a><a>2</a><a>3</a><a>4</a><a>5</a><a>...</a><a>100</a></span>
            <span><a>下页</a><a>末页</a></span>
        </div>
    </div>
</div>

<!--确定删除-->
<div class="alert del">
	<strong><p><i class="ico delTs"></i>删除提示</p><a class="ico clo"></a></strong>
    <span>您确定要删除<em>缴费项目</em><br />确认后会删除相关数据，不可恢复!!!</span>
    <div class="tjan"><a class="determine">确定</a><a class="cancel">取消</a></div>
</div>
<!--添加/管理缴费-->
<div class="alert pay">
	<strong><p><i class="ico addJf"></i>添加/管理缴费</p><a class="ico clo"></a></strong>
    <div class="tableAlert">
    	<div class="thisTab"><p>缴费时间：</p><input type="text" placeholder="请选择时间" class="data" readonly /><i class="ico rlIco"></i></div>
        <div class="thisTab">
        	<p>缴费项：</p>
            <select class="onChange">
            	<option>缴纳会费</option>
                <option>缴纳活动费用</option>
                <option>其他</option>
            </select>
        </div>
        <div class="changeNr">
            <div class="thisTab">
                <p></p><input type="text" placeholder="缴纳费用金额" />
                <label class="tsy"><input type="checkbox" />会籍到期时间延期一年</label>
            </div>
            <div class="thisTab" style="padding-bottom:20px;"><p>收费人员：</p><input type="text"/></div>
		</div>
    </div>
    <div class="tjan"><a class="determine">确定</a><a class="cancel">取消</a></div>
</div>

<script src="../js/jquery1.7.2.min.js"></script>
<script src="../js/jedate.js"></script>
<script src="../js/js.js"></script>
<script>



$(".tabXy dl dd span .clo").live("click",function(){
	var thisNum = $(this).parents("dd").index();
	$(".del").show();
	$(".del").attr("index",thisNum);
	alertTc($(".del"));	
})
$(".determine").click(function(){
	$(".tabXy dl").children("dd").eq($(this).parents(".del").attr("index")-1).remove();
	$(this).parents(".del").hide();
});
$(".fytop .tjjfjl a").click(function(){
	alertTc($(".pay"));
});


var hdlb = "<div class='thisTab'><p></p><input type='text' placeholder='缴纳费用金额' /><label class='tsy'><input type='checkbox' />会籍到期时间延期一年</label></div><div class='thisTab'><p>收费人员：</p><input type='text'/></div>";
var hdfy = "<div class='thisTab jfshfy'><select><option>活动列表</option><option>活动列表2</option><option>活动列表3</option></select><div class='fyRadio'><label><input type='radio' name='fy' checked />费用</label><label><input type='radio' name='fy' />费用2</label><label><input type='radio' name='fy' />费用3</label></div><div class='jnje'>应缴金额：<em>200元</em><input type='text' /></div></div><div class='thisTab'><p>收费人员：</p><input type='text' /></div>"
var other = "<div class='thisTab'><p></p><input type='text' placeholder='请输入费用名称' /></div><div class='thisTab'><p></p><input type='text' placeholder='请输入费用金额' /></div><div class='thisTab'><p>收费人员：</p><input type='text' placeholder='请选择时间' /></div>";
$(".onChange").change(function(){
	if($(this).val()=="缴纳会费")
	{
		$(".changeNr").html(hdlb);
		alertTc($(".pay"));
	}
	else if($(this).val()=="缴纳活动费用")
	{
		$(".changeNr").html(hdfy);
		alertTc($(".pay"));
	}
	else if($(this).val()=="其他")
	{
		$(".changeNr").html(other);
		alertTc($(".pay"));
	}
})
</script>
</body>
</html>
